<template>
  <div class="buttom">
    <div>
      <p class="buttom-text">查看更多内容，请下载客户端</p>
      <a href="#" class="buttom-a">立即下载</a>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'HButtom',
}
</script>

<script lang="ts" setup></script>

<style scoped>
.bottom {
  width: 1200px;
  height: 88px;
}
.buttom-text {
  font-size: 18px;
  color: #000;
  text-align: center;
}
.buttom-a {
  display: block;
  margin: 20px auto 0;
  width: 175px;
  height: 41px;
  line-height: 41px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 41px;
  background-color: #31c27c;
  text-decoration: none;
}
.buttom-a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #2fb172;
}
</style>
